import React,{useState,useEffect} from 'react'
import {useSelector} from 'react-redux'
import {list} from '../../type/store.d'
import { ProductCard, Tag, Button,SubmitBar, Checkbox } from 'react-vant';
type pro={}

export default function Gwc(pro:pro) {
const p=useSelector((state:list)=>{
    return state.add
  })


  return (
    <div>Gwc
   {p.map((a:any,b:any)=>{
    return   <ProductCard key={b}
    num={a&&a.sl}
    price={a&&a.jg}
    desc={a&&a.title}
    title={a&&a.title}
    thumb={a&&a.img}
    tags={
      <>
        <Tag plain type="danger" style={{ marginRight: 5 }}>
          标签
        </Tag>
        <Tag plain type="danger">
          标签
        </Tag>
      </>
    }
    footer={
      <>
        <Button size="mini" round plain style={{ marginRight: 2 }}>
          标签1
        </Button>
        <Button size="mini" round plain>
          标签2
        </Button>
      </>
    }
  />
   })}
         <div className="demo-submit-bar">
    <SubmitBar
      price="3050"
      buttonText="提交订单"
    >
      <Checkbox>全选</Checkbox>
    </SubmitBar>
    </div>
    </div>
  )
}
